<!--<script setup>-->
<!--import {-->
<!--  Menu as IconMenu-->
<!--} from '@element-plus/icons-vue'-->
<!--import {computed, toRaw} from 'vue'-->
<!--import {useStore} from 'vuex'-->

<!--const store = useStore()-->
<!--console.log(toRaw(store.getters.routers))-->
<!--// 菜单是否展开-->
<!--const isCollapse = computed(() => store.getters.headerIsCollapse)-->
<!--// 标题-->
<!--const headerTitle = computed(() => store.getters.headerTitle)-->
<!--// 菜单渲染-->
<!--const routers = store.getters.routers-->
<!--</script>-->

<!--<template>-->
<!--  <el-aside width="auto" class="min-h-full">-->
<!--    <div class="h-14 flex justify-center items-center bg-yellow-500">-->
<!--      <transition name="router-fade">-->
<!--        <div class="w-16 h-14 flex justify-center items-center">-->
<!--          <span v-html="headerTitle"></span>-->
<!--        </div>-->
<!--      </transition>-->
<!--    </div>-->
<!--    <div class="h-screen-custom transition-ease-in-out margin-r" :class="!isCollapse?'w-52':'w-15'">-->
<!--      <el-menu-->
<!--          :router="true"-->
<!--          :collapse-transition="true"-->
<!--          :collapse="isCollapse"-->
<!--      >-->
<!--        <el-sub-menu index="1">-->
<!--          <template #title>-->
<!--            <el-icon>-->
<!--              <icon-menu />-->
<!--            </el-icon>-->
<!--            <span>Navigator One</span>-->
<!--          </template>-->
<!--          <el-menu-item index="1-3">item three</el-menu-item>-->
<!--          <el-sub-menu index="1-4">-->
<!--            <template #title>item four</template>-->
<!--            <el-menu-item index="1-4-1">item one</el-menu-item>-->
<!--          </el-sub-menu>-->
<!--        </el-sub-menu>-->




<!--        <div v-for="item in routers" >-->
<!--          <el-sub-menu v-if="item?.meta" :index="item.path">-->
<!--            <template #title>-->
<!--              <el-icon><icon-menu /></el-icon>-->
<!--              <span v-text="item?.meta?.title" />-->
<!--            </template>-->
<!--            <el-menu-item v-if="!item?.children?.children?.length" v-for="subItem1 in item?.children" :index="subItem1.path">-->
<!--              <el-icon><icon-menu /></el-icon><span v-text="subItem1?.meta?.title" />-->
<!--            </el-menu-item>-->
<!--            <el-sub-menu v-else v-for="subItem in item?.children" :index="subItem.path">-->
<!--              <template #title>-->
<!--                <el-icon><icon-menu /></el-icon>-->
<!--                <span v-text="item?.meta?.title" />-->
<!--              </template>-->
<!--              <el-menu-item v-if="!item?.children?.children?.length" v-for="subItem in item?.children" :index="subItem.path">-->
<!--                <el-icon><icon-menu /></el-icon><span v-text="subItem?.meta?.title" />-->
<!--              </el-menu-item>-->
<!--            </el-sub-menu>-->
<!--          </el-sub-menu>-->
<!--          <el-menu-item v-else v-for="subItem in item.children" :index="subItem.path">-->
<!--            <template #title><el-icon><icon-menu /></el-icon><span v-text="subItem?.meta?.title" /></template>-->
<!--          </el-menu-item>-->

<!--        </div>-->

<!--      </el-menu>-->
<!--    </div>-->
<!--  </el-aside>-->
<!--</template>-->

<!--<style lang="scss" scoped>-->
<!--.h-screen-custom {-->
<!--  height: calc(100vh - 56px);-->
<!--}-->

<!--.el-menu {-->
<!--  border: none;-->
<!--}-->
<!--</style>-->